<template>
    <div class="home">
      
     
        
        <keep-alive>
           <router-view v-if="$route.meta.keepAlive"></router-view>
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive"></router-view>
  
    
      <Tabbar></Tabbar>
    </div> 
  
  </template>
  
  <script>
  
  import Tabbar from '@/components/Tabbar.vue'
  
  export default {
    name: 'Home',
    components: {
      
      Tabbar,
     
    },
    data() {
      return {
    
      };
    },
    methods:{

     
    }
  
  
  }
  </script>
  <style lang="scss" scoped>
  
  .fade-enter, .fade-leave-active{
    transition: all  2s;
  }
  
  
  .fade-enter-active, .fade-leave-active{
    opacity: 0;
    transform: translate3d(0,-50px,0);
  }
  </style>